<script setup lang="ts">
import { ref } from "vue"
import { cn } from "@/lib/utils"
import { Slider } from "@/registry/new-york/ui/slider"

const modelValue = ref([50])
</script>

<template>
  <Slider
    v-model="modelValue"
    :max="100"
    :step="1"
    :class="cn('w-3/5', $attrs.class ?? '')"
  />
</template>
